<template>
<div class="swiper">
<van-swipe :autoplay="3000" :height="150">
  <van-swipe-item v-for="(image, index) in images" :key="index">
    <img style="width:100%" :src="image" />
  </van-swipe-item>
</van-swipe>
</div>
</template>
 
<script>
 
export default {
    name:'swiper',
   data() {
      return {
        images: [
        'https://img.yzcdn.cn/vant/apple-1.jpg',
        'https://img.yzcdn.cn/vant/apple-2.jpg',
         'https://img.yzcdn.cn/vant/apple-3.jpg',
        'https://img.yzcdn.cn/vant/apple-5.jpg',
      ],
    }
   },
}
 
</script>
 
<style lang="stylus" scoped>
 
</style>
